<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link type="text/css" href="<%=request.getContextPath()%>/Pages/Css/login/login.css" rel="stylesheet" />
		<script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/Pages/Js/jquery-1.3.2.js"></script>
		<script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/Pages/Js/json2.js"></script>
		<script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/Pages/Js/userJS.js"></script>
		<title>EKMS::Collaborative Knowledge Sharing</title>
		<script type="text/javascript">
			$(document).ready(function() {
				if ($(".requiredNotice").html() == "") {
				$(".requiredNotice").hide();
				}
			});
		</script>
	</head>

	<body>
		<div id="box">
			<div id="contentContainer">
				<div id="banner">
					<img
						src="<%=request.getContextPath()%>/Pages/Images/login_banner.jpg"
						width="716px" height="171px" border="0" />
				</div>
				<div id="introduction">
				<div class="title1">From here You can :</div>	
					<div class="arr intro"><span>Enjoy the most collaborative knowledge sharing.</span></div>
					<div class="arr intro">Show your self in your blog zone.</div>
					<div class="arr intro">Keep here as your net-disk.</div>
					<div class="arr intro">Help you and your colleague improve more.</div>
<!--					<div class="start">Let's start sharing-</div>-->
				</div>
				<div id="main">
					<div id="block_round_blue">
						<div id="lt">
							<div id="rt">
								<div id="rb">
									<div id="lb">
										<form method="post" name="formLogin">
											<div id="login_content" style="display: block;">
												<div id="loginTitle">
													Login to your account
												</div>
												<div>
												<div class="requiredNotice">
					<logic:present name="flag" scope="request">
					<div>Wrong user name and password</div>
	  </logic:present>
					<logic:present name="relogin" scope="request">
					<div>Current user does not have access to this page</div>
	  </logic:present>
				</div>
													<table cellspacing="8">
														<tr>
															<td id="userNameTitle">
																Username:
															</td>
															<td>
																<input id="userInput" class="text" name="username"
																	type="text">
															</td>
														</tr>
														
														<tr>
															<td  id="passwordTitle">
																Password:
															</td>
															<td>
																<input id="password" class="text" name="password"
																	type="password" onkeypress="keyPressed(event)">
														</tr>
													</table>
													<a href="#" id="login_link" class="folder " onclick="loginSubmit()"> 
														<span id="left">
 															<span id="btn">
        														Login 
 															</span>
  														</span>
													</a> 
												</div>
											
											</div>

										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>